<template>
  <div>
    <app-header></app-header>
    <div class="pg-main">
      <!-- 主区域组件渲染 -->
      <router-view></router-view>
    </div>
    <app-footer></app-footer>
  </div>
</template>
<script>
import AppHeader from "@/components/layouts/AppHeader";
import AppFooter from "@/components/layouts/AppFooter";
export default {
  components: { AppHeader, AppFooter },
};
</script>
<style>
.pg-main {
  /* 自动计算高度 100vh 整屏高度-（头部高83+底部高61） */
  /* min-height: calc(100vh - 144px); */
  min-height: 700px;
  width: 100%;
}
</style>

